<template>
    <div class="swiper">
      <van-swipe :autoplay="3000"  :touchable="true">
        <van-swipe-item v-for="(image, index) in images" :key="index" class="bannerindexitem">
          <img v-lazy="image" />
        </van-swipe-item>
      </van-swipe>
    </div>
</template>

<script>
    export default {
      name: "homeBanner",
      data() {
        return {
          images: [
            'http://106.54.96.192/goodSleep/images/index_banner04.jpg',
            'http://106.54.96.192/goodSleep/images/index_banner03.jpg',
          ]
        }
      }
    }
</script>

<style type="text/css" lang="scss">
  .swiper {
    width: 100%;
    height: 3.6rem;

    .van-swipe {
      width: 100%;
      height: 100%;
    }

    img {
      width: 100%;
      height: 100%;
      pointer-events: none;
    }

    .custom-indicator {
      position: absolute;
      right: 5px;
      bottom: 5px;
      padding: 2px 5px;
      font-size: 12px;
      color: #fff;
      background: #fff;
    }
  }

</style>
